
body{
    background: #f5f5f5;

}
header{
    width: 100%;
    background:#fb5b2b;
}
header>div:nth-child(1){
    float:left;
    line-height: 3.75rem;
    padding-left: 1.2rem;
    color: white;
    font-size:1.85rem;
}
header>div:nth-child(1)>a{
    color: white;
}
header>div:nth-child(1)>img{
    width:4.85rem;
}
header>div:nth-child(2){
    text-align: center;
    font-size:1.5rem;
    color: white;
    line-height: 3.75rem;
    margin-right:2rem;

}
.clearfix:after{
    display: block;
    content: '';
    clear: both;
}
.zfb_box .left_radius{
    float: left;
    border:3px solid #ffab2c;
    border-radius: 50%;
    margin-left:5rem;
    width:4.2rem;
    height:4.2rem;
    background: white;
    text-align: center;
}
.zfb_box{
    text-align: center;
    font-size: 1.35rem;
    line-height: 4.2rem;
}
.zfb_box .right_radius{
    float: right;
    border:3px solid white;
    border-radius: 50%;
    background: #ffac2c;
    margin-right:5rem;
    text-align: center;
    color: white;
    width:4.2rem;
    height: 4.2rem;
}
.cont{
    text-align: center;
    color: white;
    font-size: 1.2rem;
    margin-top: 1.35rem;
    padding-bottom: 1rem;
}
.content .note_length{
    color: #666666;
    line-height: 3.5rem;
    padding-left:1.25rem ;
    font-size: 1.1rem;
    border-bottom:1px solid #e4e4e4;
}
.content .inpt>li{
    height: 3.75rem;
    border-bottom: 1px solid #e4e4e4;

}
.content .inpt>li>div{
    float: left;
}
.content .inpt>li>div:nth-child(1){
    height: 100%;
    width:20%;
    line-height:3.75rem;
    text-align: center;
    font-size: 1.25rem;
}
.content .inpt>li>div:nth-child(2){
    width:79.99999%;
    height: 100%;
}
.content .inpt>li>div:nth-child(2)>input{
    width: 100%;
    height: 100%;
    font-size: 1.25rem;
}
 .content .switch{
    width:90%;
    line-height: 3.15rem;
     margin: 0 auto;
     border-radius: 5px 5px 5px 5px;
     background: #fed555;
     font-size: 1.35rem;
     text-align: center;
     margin-top: 1.45rem;
}
.content .switch>a{
    color: white;
}

.cloth_box{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.5);
    display: none;
}

.cloth_box .cloth_btn{
    width: 70%;
    /*border:1px solid;*/
    margin: 0 auto;
    margin-top: 45%;
}
.cloth_box .cloth_btn>p:nth-child(1){
    /*border:1px solid;*/
    border-radius:5px 5px 0 0 ;
    height: 9rem;
    background: white;
    font-size: 1.35rem;
    text-align: center;
    line-height: 9rem;
}
.cloth_box .cloth_btn>p:nth-child(2){
    border-radius: 0 0 5px 5px;
    height: 3.25rem;
    text-align: center;
    line-height: 3.25rem;
    background: #fed555;
}
.cloth_box .cloth_btn>p:nth-child(2)>a{
    color: white;
    font-size: 1.35rem;
}